<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>堆糖，美好生活研究所</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="js/script.js">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<!--导航部分-->
<nav class="navbar navbar-expand-lg navbar-light mb-5">
    <div class="container pl-0 pr-0">
        <a class="navbar-brand" href="#">
            <img src="img/logo.png" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-5">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        分类
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">壁纸</a>
                        <a class="dropdown-item" href="#">头像</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">美食</a>
                    </div>
            </ul>
            <div class="form-inline my-2 mr-auto my-lg-0">
                <input type="text" class="form-control" id="nav_w" placeholder="搜索感兴趣的内容" aria-label="Recipient's username" aria-describedby="button-addon2">
                <div class="input-group-append">
                    <button class="btn btn-outline-secondary" id="nav_w2" type="button" id="button-addon2">
                        <i class="fas fa-search"></i>
                    </button>
                </div>
            </div>
            <div class="nav_rig">
                <a class="text-secondary" href="">堆糖生活家</a>
                <a class="text-secondary" href="">注册/登录</a>
            </div>
        </div>

    </div>
</nav>
<div class="ew_code mb-4">
    <div class="container pl-0 pr-0">
        <a href="">
            <img src="img/ew_img.png" alt="">
        </a>
    </div>
</div>
<!--banner部分-->
<div class="banner mb-5">
    <div class="container">
        <div class="row">
            <div class="col-md-9 pl-0 pr-0">
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="img/banner1.png" class="d-block w-100">
                        </div>
                        <div class="carousel-item">
                            <img src="img/banner2.jpeg" class="d-block w-100">
                        </div>
                        <div class="carousel-item">
                            <img src="img/banner3.jpeg" class="d-block w-100">
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            <div class="col-md-3 pr-0">
                <div class="hotspot">
                    <div class="hotspot_top">
                        <h2>社区热点</h2>
                        <div class="h_t_btn">
                            <p>
                                <button class="btn">欧美风</button>
                                <button class="btn btn_p">美甲</button>
                                <button class="btn">东宫</button>
                            </p>
                            <p>
                                <button class="btn">张云雷</button>
                                <button class="btn btn_p">插画</button>
                                <button class="btn">女生节</button>
                            </p>
                            <p>
                                <button class="btn">阿丽塔</button>
                                <button class="btn btn_p">猫</button>
                            </p>
                        </div>
                    </div>
                    <div class="hotspot_con">
                        <div class="input-group mb-3" id="hot_w">
                            <div class="input-group-prepend">
                                <button class="btn btn-outline-secondary" type="button">精选</button>
                            </div>
                            <input type="text" class="form-control" placeholder="招募•少女感养成..." aria-label="Example text with button addon" aria-describedby="button-addon1">
                        </div>
                        <div class="input-group mb-3" id="hot_w1">
                            <div class="input-group-prepend">
                                <button class="btn btn-outline-secondary" type="button">工具</button>
                            </div>
                            <input type="text" class="form-control" placeholder="堆糖收图小助手" aria-label="Example text with button addon" aria-describedby="button-addon1">
                        </div>
                    </div>
                    <div class="hotspot_bot">
                        <div class="row">
                            <div class="col-md-3 col-3 pl-0 pr-0">
                                <img src="img/hot_img.png" alt="">
                            </div>
                            <div class="col-md-9 col-9 mr-0">
                                <div class="txt">
                                    <h3>堆糖 - 美好生活研究所</h3>
                                    <p>最佳生活类应用</p>
                                    <button>立即下载</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--中间部分-->
<div class="trends">
    <div class="container">
        <div class="row">
            <div class="col-md-2 pl-0 pr-0">
                <div class="selected active clearfix">
                    <span><img src="img/tiao.png" alt=""></span>
                    <p class="mb-0">每日精选</p>
                </div>
                <div class="trend clearfix">
                    <span><img src="img/tiao.png" alt=""></span>
                    <p class="mb-0">关注动态</p>
                </div>
            </div>
            <div class="col-md-7 pl-0 pr-0">
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v1.png" alt="">
                            <div class="txt">
                                <h2>堆糖小喇叭</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>留下壁纸，我们就是朋友</p>
                        <div class="posi">
                            <img src="img/v1.png" alt="">
                            <span>堆糖小喇叭</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>
                        <img src="img/trand1.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>140</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>219</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v2.png" alt="">
                            <div class="txt">
                                <h2>coloroom彩条屋</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                        <div class="posi">
                            <img src="img/v2.png" alt="">
                            <span>coloroom彩条屋</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand2.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4 ">
                                <i class="far fa-grin-alt"></i>
                                <span>1228</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>1581</span>
                            </div>
                            <div class="col-md-4 col-4 ">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v3.png" alt="">
                            <div class="txt">
                                <h2>美少女PINK酱</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
                        <div class="posi">
                            <img src="img/v3.png" alt="">
                            <span>美少女PINK酱</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand3.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>161</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>765</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v3.png" alt="">
                            <div class="txt">
                                <h2>-你是我全世界最喜欢的猪-</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>有哪些适合摘抄的文艺且悲凉的句子？</p>
                        <img src="img/trand4.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>161</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>765</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v5.png" alt="">
                            <div class="txt">
                                <h2>干脆面炼金术士</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>人生的意义，在于一天比一天活得快乐</p>
                        <div class="posi">
                            <img src="img/v5.png" alt="">
                            <span>干脆面炼金术士</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand5.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>54</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>104</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v1.png" alt="">
                            <div class="txt">
                                <h2>堆糖小喇叭</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>我曾为你动过情</p>
                        <div class="posi">
                            <img src="img/v1.png" alt="">
                            <span>堆糖小喇叭</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand6.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>300</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>665</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v4.png" alt="">
                            <div class="txt">
                                <h2>-你是我全世界最喜欢的猪-</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>登上79所高校学生借阅排行榜的就奔书。</p>
                        <img src="img/trand7.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>59</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>151</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v6.png" alt="">
                            <div class="txt">
                                <h2>情写风月</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>799风景内测美化包</p>
                        <div class="posi">
                            <img src="img/v6.png" alt="">
                            <span>情写风月</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand8.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>35</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>22</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v7.png" alt="">
                            <div class="txt">
                                <h2>审</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>火影你们粉谁刘明我去截头像！</p>
                        <img src="img/trand9.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>9</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>1</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v3.png" alt="">
                            <div class="txt">
                                <h2>美少女PINK酱</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                        <div class="posi">
                            <img src="img/v3.png" alt="">
                            <span>美少女PINK酱</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand10.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>57</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>126</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v8.png" alt="">
                            <div class="txt">
                                <h2>少女感养成学院</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>同桌的你</p>
                        <div class="posi">
                            <img src="img/v8.png" alt="">
                            <span>少女感养成学院</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand11.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>89</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>106</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v1.png" alt="">
                            <div class="txt">
                                <h2>堆糖小喇叭</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>我的CP真香！</p>
                        <div class="posi">
                            <img src="img/v1.png" alt="">
                            <span>堆糖小喇叭</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand12.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>91</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>107</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v8.png" alt="">
                            <div class="txt">
                                <h2>白日做梦大熊</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>当女生也太太太太不容易了</p>
                        <div class="posi">
                            <img src="img/v8.png" alt="">
                            <span>白日做梦大熊</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand13.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>78</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>76</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v4.png" alt="">
                            <div class="txt">
                                <h2>-你是我全世界最喜欢的猪-</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>有哪些好看 值得回味的爱情电影？</p>
                        <img src="img/trand14.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>80</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>293</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v10.png" alt="">
                            <div class="txt">
                                <h2>堆糖Class小助手</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>伴随一生的p[少女感]，拥有它一点也不难</p>
                        <div class="posi">
                            <img src="img/v10.png" alt="">
                            <span>堆糖Class小助手</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand13.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>34</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>41</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v11.png" alt="">
                            <div class="txt">
                                <h2>飞乐鸟</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>女生千万别看这些言情小说……不然会被里面的沙雕桥段给</p>
                        <div class="posi">
                            <img src="img/v11.png" alt="">
                            <span>堆糖Class小助手</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand16.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>68</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>63</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v3.png" alt="">
                            <div class="txt">
                                <h2>美少女PINK酱</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>7个私藏的小众APP，使用又有bigger，用过三款算我输！</p>
                        <div class="posi">
                            <img src="img/v3.png" alt="">
                            <span>美少女PINK酱</span>
                        </div>
                        <div class="article">
                            <span><i class="fas fa-newspaper"></i>文章</span>
                        </div>

                        <img src="img/trand17.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>139</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>461</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="trends_cont">
                    <div class="t_c_top">
                        <div class="title clearfix">
                            <img src="img/v4.png" alt="">
                            <div class="txt">
                                <h2>-你是我全世界最喜欢的猪-</h2>
                                <p>热门内容</p>
                            </div>
                        </div>
                        <p>中国最全的拔弦 击弦类乐器合集 种类十分多涨姿势了。</p>
                        <img src="img/trand18.png" alt="">
                    </div>
                    <div class="t_c_bot">
                        <div class="row">
                            <div class="col-md-4 col-4">
                                <i class="far fa-grin-alt"></i>
                                <span>42</span>
                            </div>
                            <div class="col-md-4 col-4 x">
                                <i class="far fa-star"></i>
                                <span>71</span>
                            </div>
                            <div class="col-md-4 col-4">
                                <span>...</span>
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="more">
                    <a href="">查看更多<i class="fas fa-angle-down"></i></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="follow mb-5">
                    <div class="title">
                        <div class="row">
                            <div class="col-6">
                                <h2>推荐关注</h2>
                            </div>
                            <div class="col-6 foll_r">
                                <a href="">换一批</a>
                            </div>
                        </div>
                    </div>
                    <div class="foll_cont clearfix">
                        <div class="f_c_cont">
                            <div class="f_lef mr-2">
                                <img src="img/f1.png" alt="">
                            </div>
                            <div class="f_con txt pl-0 pr-0">
                                <h3 class="mt-2 mb-2">一望损莓苔</h3>
                                <p class="mb-0" >擅长领域：手工，园艺</p>
                            </div>
                            <div class="f_rig">
                                <button type="button" class="mt-3">关注</button>
                            </div>
                        </div>
                        <div class="f_c_cont">
                            <div class="f_lef mr-2">
                                <img src="img/f2.png" alt="">
                            </div>
                            <div class="f_con txt pl-0 pr-0">
                                <h3 class="mt-2 mb-2">猫头鹰叔叔</h3>
                                <p class="mb-0" >擅长领域：摄影</p>
                            </div>
                            <div class="f_rig">
                                <button type="button" class="mt-3">关注</button>
                            </div>
                        </div>
                        <div class="f_c_cont">
                            <div class="f_lef mr-2">
                                <img src="img/f3.png" alt="">
                            </div>
                            <div class="f_con txt pl-0 pr-0">
                                <h3 class="mt-2 mb-2">兔纸鱼</h3>
                                    <p class="mb-0" >擅长领域：Q版</p>
                            </div>
                            <div class="f_rig">
                                <button type="button" class="mt-3">关注</button>
                            </div>
                        </div>
                        <div class="f_c_cont">
                            <div class="f_lef mr-2">
                                <img src="img/f4.png" alt="">
                            </div>
                            <div class="f_con txt pl-0 pr-0">
                                <h3 class="mt-2 mb-2">小熊奶黄包</h3>
                                <p class="mb-0" >擅长领域：壁纸，Q版</p>
                            </div>
                            <div class="f_rig">
                                <button type="button" class="mt-3">关注</button>
                            </div>
                        </div>
                    </div>
                    <div class="foll_bot">
                        <a href="">查看更多<i class="fas fa-angle-right"></i></a>
                    </div>
                </div>
                <div class="ewma">
                    <img src="img/ewma.png" alt="">
                </div>
            </div>

        </div>
    </div>
</div>
<footer>
    <div class="container">
        <div class="fot_top mb-4">
            <div class="row">
                <div class="col-md-3">
                    <div class="appdown">
                        <p>APP下载</p>
                        <img src="img/fot_ewm.png" alt="">
                        <p class="mb-0">扫描二维码</p>
                        <p>下载堆糖手机客户端</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="about">
                        <h3 class="mb-4">关于我们</h3>
                        <ul>
                            <li><a href="">关于我们</a></li>
                            <li><a href="">加入我们</a></li>
                            <li><a href="">联系我们</a></li>
                            <li><a href="">商务合作</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="about">
                        <h3 class="mb-4">关注我们</h3>
                        <ul>
                            <li><a href="">新浪微博</a></li>
                            <li><a href="">微信公众号</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="f_link">
                        <h3 class="mb-4">友情链接</h3>
                        <div class="row">
                            <div class="col-md-6 col-6">
                                <a href="">爱物网</a>
                                <a href="">肉丁网</a>
                            </div>
                            <div class="col-md-6 col-6">
                                <a href="">东方女性网</a>
                                <a href="">更多..</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="fot_bot">
            <p class="mb-0">©2019 duitang.com 版权所有。沪ICP备10038086号-3 <img src="img/fot_1.png" alt=""><img src="img/fot_2.png" alt=""> | 增值电信业务经营许可证：沪B2-20180610自营经营者信息</p>
            <p class="mb-0"><img src="img/fot_3.png" alt="">上海市互联网违法和不良信息举报中心 有害内容举报电话：021-63462282</p>
        </div>
    </div>
</footer>




<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>